<template>
	<qiun-data-charts inScrollView :canvas2d="true" type="area" :opts="opts" :chartData="weightChartData" />
</template>

<script>
import { mapState } from 'vuex';
export default {
	data() {
		return {
			opts: {
				color: ['#37b59d'],
				padding: [15, 0, 15, 0],
				enableScroll: false,
				dataLabel: false,
				legend: {
					show: false
				},
				xAxis: {
					disabled: true,
					axisLine: false
				},
				yAxis: {
					disabled: true,
					disableGrid: true
				},
				extra: {
					tooltip: {
						splitLine: false,
						showBox: false
					},
					area: {
						type: 'curve',
						opacity: 0.2,
						addLine: true,
						width: 2,
						gradient: true,
						activeType: 'hollow'
					}
				}
			}
		};
	},
	computed: {
		...mapState(['curAccount'])
	},
	props: {
		weightChartData: {
			type: Object,
			default: () => {}
		}
	},

	created() {},
	methods: {}
};
</script>

<style></style>
